import gradio as gr


def Tab_home_page():
    # 使用HTML和内联CSS实现居中布局与酷炫样式
    hero_html = """
    <div style="
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        min-height:70vh;
        text-align:center;
        gap:20px;
    ">
        <div style="
            font-size:64px;
            font-weight:800;
            letter-spacing:6px;
            background:linear-gradient(90deg, #00c6ff, #0072ff);
            -webkit-background-clip:text;
            background-clip:text;
            color:transparent;
            text-shadow:0 2px 12px rgba(0,114,255,0.25);
        ">SHOW DSIGN</div>
        <div style="
            font-size:48px;
            font-weight:700;
            color:#222;
            letter-spacing:4px;
        ">秀设计</div>
    </div>
    <div style="
        position:relative;
        width:100%;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:24px 0 16px;
    ">
        <div style="
            font-size:14px;
            color:#555;
        ">phone:18716688169</div>
    </div>
    """

    with gr.Row():
        gr.HTML(hero_html)